<template>
  <div class="app-container">
    <div class="app-container-header">
      <h2 class="zhyl">智慧医疗后台管理系统</h2>
    </div>
    <div class="app-container-content">
      <div class="content-left">
        <div class="left-lin1">
          <i class="el-icon-s-tools"></i>
          <i class="el-icon-right"></i>
        </div>
        <div class="block">
          <el-avatar
            :size="100"
            src="https://scpic.chinaz.net/files/pic/pic9/202012/bpic22164.jpg"
          ></el-avatar>
        </div>
        <h2 class="mnnnn"><span>大美女</span> 管理员</h2>
        <div class="manage">
         <router-link tag="h3" to="/hms">医院管理</router-link>
        <router-link tag="h3" to="/pms">患者管理</router-link>
        <router-link tag="h3" to="/ams">审核管理</router-link>
        </div>

      </div>
      <div class="content-right">
        <div class="lin1">
            <el-breadcrumb separator-class="el-icon-arrow-right">
              <el-breadcrumb-item :to="{ path: '/hms/hospital' }">医院管理</el-breadcrumb-item>
              <el-breadcrumb-item :to="{ path: '/hms/offic' }">科室</el-breadcrumb-item>
              <el-breadcrumb-item :to="{ path: '/hms/doctor' }">主治医师列表</el-breadcrumb-item>
              <el-breadcrumb-item :to="{ path: '/hms/doctorDetail' }">王振</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.app-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .app-container-header {
    width: 100vw;
    height: 70px;
    background: #4c83df;
    line-height: 60px;
    color: #fff;
    text-indent: 1%;
  }
  .app-container-content {
    flex: 1;
    display: flex;
    .content-left {
      padding: 20px;
      flex: 2;
      background: #333;
      color: #fff;
      text-align: center;
      line-height: 50px;
      .left-lin1 {
        display: flex;
        justify-content: space-between;
        font-size: 24px;
      }
    }
    .content-right {
      flex: 8;
      .lin1 {
        margin-top: 20px;
        margin-left: 20px;
      }
    }
  }
}
.userinfor {
  dd {
    margin-top: 0px;
  }
}
.mnnnn{
  font-size: 25px;
}

.zhyl{
  font-size: 45px;
  height: 70px;
}
</style>
